//Extjs事件
Ext.onReady(function() {
	var input = Ext.get("input");
	//第一个方法，添加keyMap，具体的配置项可以参见Ext.util.KeyMap类
	input.addKeyMap({
		key: Ext.EventObject.D,
		ctrl: true,
		fn: function() {
			alert("你点击了ctrl + D");
		}
	});
	
	//添加事件监听
	//第一个参数可以使一个Object，包含key、shift、ctrl、alt等配置，第二个参数是回调函数，第三个可选是作用域
	input.addKeyListener(
		{
			key: Ext.EventObject.C,
			ctrl: true
		}, 
		function() {
			alert("点击了ctrl + C");
		}
	)
	
	//为元素绑定常用事件，具体的事件类似于juqery，就是把on去掉了，可以参见Ext.dom.Element的events菜单
	input.on("click", function() {
		alert("你点我干嘛");
	});
	input.un("click");//解除绑定
	//其它的和事件相关的还有focus()、blur()这种方法，你懂的
	
	//其它的常用方法:
	//center：使元素居中,还可以传递参数(String/HTMLElement/Ext.Element centerIn)作为区中的参考坐标，默认(没有参数)相对于浏览器居中
	input.center();
	
	//clean：清理空白的文本节点
	
	//createShim：为元素创建一个iframe垫片保证选择或其他对象跨域时可见
	//getLoader：返回ElementLoader对象，可以动态加载数据
	var loader = input.getLoader();
	loader.load({
		url: "data.jsp",
		renderer: function(loader, response) {
			//加载成功后的回调函数，第一个参数是加载器，第二个是response
			console.info(response.responseText);
		}
	});
	
	//highlight 高亮显示特效 直接input.hightlight()就行了，是一个背景变黄在消失的特效
	
	//show 、hide显示隐藏元素 和jquery一样不说了
	//这两个方法可以接受一个Object参数，常用的是:{duration: 2000}表示在2秒内渐变...
	
	//ghost  元素移动特效,示例代码:
	input.ghost('r', {duration: 2000});//效果就是向右移动
	
	//fadeIn、fadeOout淡入淡出 不是很好用还是用show() hide()吧
	
	//slideIn、slideOut向上向下滑动 写法input.slideIn("r", {duration: 2000}
	
	//getValue：如果元素有value属性，返回其值,比如input.getValue()
	
	//normalize：将CSS属性中的连接符号去掉，例如将“font-size”转为fontSize这样。
	//load：直接调用ElementLoader的load方法为元素加载内容
	
	//mask：遮罩当前元素，屏蔽用户操作.unmask：移除遮罩
	Ext.getBody().mask("请稍等...");
	Ext.defer(function() {
		Ext.getBody().unmask();
	}, 2000);
	
	/*repaint：强迫浏览器重新绘画元素
	serializeForm：序列化为URL编码的字符串
	update：更新元素的innerHTML属性
	unselectable：禁用文本选择*/

});